<template>
  <div class="story h-100">
    <StoryHeader />
    <StoryNav />
    <StoryContainer >

      <slot />
    </StoryContainer>
  </div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import StoryHeader from "./Header.vue";
import StoryNav from "./Nav.vue";
import StoryContainer from "./Container.vue";
export default defineComponent({
  name: "Story",
  components: {
    StoryHeader,
    StoryNav,
    StoryContainer,
  },
  setup() {
    return {};
  },
});
</script>


<style lang="scss" scoped>
.story {
  position: relative;
  left: 0;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;

}
</style>

